<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ログイン画面 | ご近所シェアリングサービス</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="(C) MENOX (http://www.menox.co.jp/)">
<!--Require Stylesheet-->
<link rel="stylesheet" href="/tmserver/css/common.css">
<!--Require Javascript-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<%@ include file="/tmserver/parts/headcommon.jsp" %>
</head>
<body>
<div id="wrapper">
<!--**********▽メインここから**********-->
<div id="wrap-top">
<%@ include file="/tmserver/parts/header.jsp" %>
<div id="content">
<h2>ユーザ登録画面</h2>
<div class="line"></div>
<!--**********▽カラム1ここから**********-->
<div id="column1-adduser">
<!--**********▼メインカラムここから**********-->
<div id="column1-adduser-inner">
    <section class="adduser">
      <form method="post" action="requestRegisterUser">
      <table>
        <tr>
        <th>ＩＤ</th>
        <td><input type="text" ${f:text("loginId")} class="${f:errorClass('loginId','err')}" />
          <span class="err">${errors.loginId}</span>
        </td>
        </tr>
        <tr>
        <th>パスワード</th>
        <td><input type="password" ${f:text("password")} class="${f:errorClass('password','err')}" />
          <span class="err">${errors.password}</span>
        </td>
        </tr>
        <tr>
        <th>お名前</th>
        <td><input type="text" ${f:text("name")} class="${f:errorClass('name','err')}" />
          <span class="err">${errors.name}</span>
        </td>
        </tr>
        <tr>
        <th>ご連絡先メールアドレス</th>
        <td><input type="email" ${f:text("mail")} class="${f:errorClass('mail','err')}" />
          <span class="err">${errors.mail}</span>
        </td>
        </tr>
        <tr>
        <th>郵便番号（入力形式例：1000001）</th>
        <td><input type="text" ${f:text("zipCode")} class="${f:errorClass('zipCode','err')}" />
          <span class="err">${errors.zipCode}</span>
        </td>
        </tr>
        <tr>
        <th>都道府県</th>
        <td><select name="city" class="">
        <c:forEach var="cityEntry" items="${cityCodeMap}">
          <option ${f:select("city", cityEntry.value)}>${cityEntry.value}</option></c:forEach>
        </select>
        </td>
        </tr>
        <tr>
        <th>番地</th>
        <td><input type="text" ${f:text("address")} class="${f:errorClass('address','err')}" />
          <span class="err">${errors.address}</span>
        </td>
        </tr>
        <tr>
        <th>建物名・部屋番号</th>
        <td><input type="text" ${f:text("building")} class="${f:errorClass('building','err')}" />
          <span class="err">${errors.building}</span>
        </td>
        </tr>
        <tr>
        <th>生年月日（入力形式例：2014/01/01）</th>
        <td><input id="birthday" type="text" ${f:text("birthday")} class="${f:errorClass('birthday','err')}" />
          <span class="err">${errors.birthday}</span>
          <script type="text/javascript">
            $(function() { $("#birthday").datepicker(); });
          </script>
        </td>
        </tr>

        <tr>
          <td colspan="2" class="btnArea, aligncenter"><input type="submit" value="登録する" class="btn" />
          <button type="button" class="btn" onclick="location.href='/tmserver/gate/login'">キャンセル</button>
          </td>
        </tr>

      </table>
      </form>

  </section>
<!--column1-adduser-inner--></div>
<!--**********▲メインカラムここまで**********-->
<!--column1-adduser--></div>
<!--**********△カラム1ここまで**********-->
<!--**********▽カラム2ここから**********-->
<div id="column2-adduser">
      <ul>
        <li><a href="#"><img src="../img/ad.jpg" width="220" alt="キャンペーン開催中"></a></li>
        <li><a href="#"><img src="../img/ad.jpg" width="220" alt="キャンペーン開催中"></a></li>
        <li><a href="#"><img src="../img/ad.jpg" width="220" alt="キャンペーン開催中"></a></li>
      </ul>
<!--column2-adduser--></div>
<!--content--></div>
<!--wrap-top--></div>
<!--**********△メインここまで**********-->
<!--**********▽フッターここから**********-->
<%@ include file="/tmserver/parts/footer.jsp" %>
<!--**********△フッターここまで**********-->
<!--wrapper--></div>
</body>
</html>
